 // nav的第一个js
 const id = location.search.split("=")[1];
 console.log(id)
 
 // 方法一：获取所有商品数据，前端筛选（不推荐）
 // 方法二：根据id请求后端接口，直接获取指定数据（后端筛选）（推荐）
 
 ajax("http://localhost:3000/api",res=>{
     res = JSON.parse(res).msg;
     // console.log(res);
     let i = 0;
     res.some((val,idx)=>{
         i = idx;
         return val.proId === id
     })
 
     console.log(res[i])
     // 渲染小图
     $(".smlbox>img").src = res[i].img;
     // 渲染大图
     $(".bigimg>img").src = res[i].img;
     // 渲染图片列表
     let str = "";
     res[i].imgs.forEach(val=>{
         str += `<li><img src="${val}" alt=""></li>`
     })
     $(".magnifier").innerHTML = str;
 
     // 渲染标题
     $(".title_text").innerHTML = res[i].proName;
     // 计算并渲染现价
     $(".price").innerHTML = "￥" + (res[i].price * (res[i].discount / 10)).toFixed(1);
     // 渲染原价
     $("._price").innerHTML = "￥" + res[i].price;
},{
    type:"getGoods"
})


function $(s){
    return document.querySelector(s);
}


function ajax(url, callback, data){
    let str = "";
    for(let i in data){
        str += `${i}=${data[i]}&`
    }
    url += "?" + str;
    const xhr = new XMLHttpRequest();
    xhr.open("get",url)
    xhr.onload = function(){
        if(xhr.status === 200){
            callback(xhr.responseText)
        }
    }
    xhr.send();
}

 